<template>
  <view class="he-page-content">
    <view class="le-content">
      <user-top></user-top>
      <user-coupon></user-coupon>
      <user-my-order></user-my-order>
      <user-features></user-features>
      <he-products-featured
        v-if="goodsSetting.recommend_showpage.personal_center.value"
      ></he-products-featured>
    </view>
    <he-copyright></he-copyright>
  </view>
</template>
<script>
import userTop from "./components/user-top.vue";
import userCoupon from "./components/user-coupon.vue";
import userMyOrder from "./components/user-my-order.vue";
import userFeatures from "./components/user-features.vue";
import heProductsFeatured from "../../components/he-products-featured.vue";
import heCopyright from "./components/he-copyright.vue";
import { mapActions, mapGetters } from "vuex";

export default {
  components: {
    userTop,
    userMyOrder,
    userFeatures,
    heProductsFeatured,
    heCopyright,
    userCoupon,
  },
  onLoad() {
    // #ifdef H5
    let userInfo = uni.getStorageInfoSync("userInfo");
    if (userInfo && userInfo.mobile) {
      _this.$store.state.apply.userInfo.mobile = userInfo.mobile;
    }
    // #endif
  },
  computed: {
    ...mapGetters({
      goodsSetting: "setting/goodsSetting",
    }),
  },
  methods: {
    ...mapActions({
      getOrderTotal: "user/getOrderTotal",
      getCouponTotal: "user/getCouponTotal",
    }),
  },
  onShow() {
    if (this.isLogin) {
      this.getOrderTotal();
      this.getCouponTotal();
    }
    uni.login();
  },
};
</script>

<style>
.he-page-content {
  overflow: hidden;
  position: relative;
}
.le-content {
  min-height: calc(100vh - 168px);
}
</style>
